<template>
	<view>
		<view class="ms-banner">
			<image src="https://msecfs.opposhop.cn/commons-media-picture/MARKETING/20231127/b8e7997ac2ff19757a56a72f282abc28113571469.png?_w_=1080&_h_=1320" mode="aspectFill"></image>
		</view>
		<view class="ms-content">
			<view class="nav">   <!-- 导航栏 -->
				
				<view class="nav1">   <!-- 时间导航栏 -->
					<view class="nav1-item">
						<view class="nav1-item1">10:00</view>
						<view class="nav1-item2">
							距结束-<span class="countdown1">{{ hours }}:{{ minutes }}:{{ seconds }}</span>
						</view>
					</view>
					<view class="nav1-item">
						<view class="nav1-item3">20:00</view>
						<view class="nav1-item4">
							距开始-<span class="countdown2">{{ hours }}:{{ minutes }}:{{ seconds }}</span>
						</view>
					</view>
				</view>
				
				<view class="nav2">       <!-- 商品导航栏 -->
					<view v-for="(item,index) in navArr" @click="changeCon(index+1)" :class="{active: isShowI==index+1}">{{item}}</view>
				</view>
			</view>
			<view class="box1">
				<view v-show="isShowI==1" class="con">
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20231117/324ad42982ede281bb8650c3246ff004783610612.png?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">芒果TV会员30天礼品卡</view>
							<view class="text"></view>
							<view><span class="lixi2">赠|芒果TV会员30天卡，漫899元-200元耳机优惠卷</span><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="20" show-info active-color="red"  /></view>
							<view class="price">¥6<span class="text">立省224</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230417/b30dec70dd2d9fdc5e44569f753f6d4b746864941.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">【限量秒杀】一加Ace 2原神定制礼盒18GB+512GB 熔岩红</view>
							<view class="text">性能 自由</view>
							<view><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="5" show-info active-color="red"  /></view>
							<view class="price">¥2799<span class="text">立省900</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20231109/3e3a827d43cc1dfec79a378a2f97f7281368624484.jpg?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">腾讯视频超级影视VIP月卡礼包</view>
							<view class="text"></view>
							<view><span class="lixi2">赠|腾讯视频SVIP月卡，漫899元-200元耳机优惠卷</span><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="20" show-info active-color="red"  /></view>
							<view class="price">¥20<span class="text">立省230</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/MEDIA/20230427/4a47a0db6e60853dedfcfdf08a5ca2492055207403.png?_w_=600&_h_=600&x-oss-process=image%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">AlwaySmart 6.5A超级快充游戏数据线 尼龙铝合金弯头USB-A to Type-C 1.2m 银灰色</view>
							<view class="text"></view>
							<view><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="30" show-info active-color="red"  /></view>
							<view class="price">¥15.9<span class="text">立省17</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://dsfs.oppo.com/omp/1648003586284-_-eb4360e5a247476892355644285523c6.png?_w_=321&_h_=320&x-oss-process=image%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">SUPERVOOC 33W 超级闪充充电器 白色</view>
							<view class="text">10重保护</view>
							<view><span class="lixi2">赠|芒果TV会员30天卡，漫899元-200元耳机优惠卷</span><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="20" show-info active-color="red"  /></view>
							<view class="price">¥64<span class="text">立省35</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="other">
						没有更多了
					</view>
				</view>
				
				<view v-show="isShowI==2" class="con">
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230417/b30dec70dd2d9fdc5e44569f753f6d4b746864941.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">【限量秒杀】一加Ace 2原神定制礼盒18GB+512GB 熔岩红</view>
							<view class="text">性能 自由</view>
							<view><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="5" show-info active-color="red"  /></view>
							<view class="price">¥2799<span class="text">立省900</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://dsfs.oppo.com/omp/1646212568871-_-c97287b4a9604e7595c196fc284a978d.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">OPPO A36 手机 晴川蓝 6G+128G</view>
							<view class="text">5000mAh 大电池</view>
							<view><span class="lixi2">赠|腾讯视频SVIP月卡，漫899元-200元耳机优惠卷</span><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="20" show-info active-color="red"  /></view>
							<view class="price">¥739<span class="text">立省160</span><button>抢购中</button></view>
						</view>
					</view>
						
					<view class="other">
						没有更多了
					</view>
				</view>
				
				<view v-show="isShowI==3" class="con">
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://dsfs.oppo.com/omp/1648003586284-_-eb4360e5a247476892355644285523c6.png?_w_=321&_h_=320&x-oss-process=image%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">SUPERVOOC 33W 超级闪充充电器 白色</view>
							<view class="text">10重保护</view>
							<view><span class="lixi2">赠|芒果TV会员30天卡，漫899元-200元耳机优惠卷</span><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="20" show-info active-color="red"  /></view>
							<view class="price">¥64<span class="text">立省35</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230417/b30dec70dd2d9fdc5e44569f753f6d4b746864941.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">【限量秒杀】一加Ace 2原神定制礼盒18GB+512GB 熔岩红</view>
							<view class="text">性能 自由</view>
							<view><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="5" show-info active-color="red"  /></view>
							<view class="price">¥2799<span class="text">立省900</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20231109/3e3a827d43cc1dfec79a378a2f97f7281368624484.jpg?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">腾讯视频超级影视VIP月卡礼包</view>
							<view class="text"></view>
							<view><span class="lixi2">赠|腾讯视频SVIP月卡，漫899元-200元耳机优惠卷</span><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="20" show-info active-color="red"  /></view>
							<view class="price">¥20<span class="text">立省230</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/MEDIA/20230427/4a47a0db6e60853dedfcfdf08a5ca2492055207403.png?_w_=600&_h_=600&x-oss-process=image%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">AlwaySmart 6.5A超级快充游戏数据线 尼龙铝合金弯头USB-A to Type-C 1.2m 银灰色</view>
							<view class="text"></view>
							<view><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="30" show-info active-color="red"  /></view>
							<view class="price">¥15.9<span class="text">立省17</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="other">
						没有更多了
					</view>
				</view>
				<view v-show="isShowI==4" class="con">
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20231117/324ad42982ede281bb8650c3246ff004783610612.png?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">芒果TV会员30天礼品卡</view>
							<view class="text"></view>
							<view><span class="lixi2">赠|芒果TV会员30天卡，漫899元-200元耳机优惠卷</span><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="20" show-info active-color="red"  /></view>
							<view class="price">¥6<span class="text">立省224</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230417/b30dec70dd2d9fdc5e44569f753f6d4b746864941.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">【限量秒杀】一加Ace 2原神定制礼盒18GB+512GB 熔岩红</view>
							<view class="text">性能 自由</view>
							<view><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="5" show-info active-color="red"  /></view>
							<view class="price">¥2799<span class="text">立省900</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20231109/3e3a827d43cc1dfec79a378a2f97f7281368624484.jpg?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">腾讯视频超级影视VIP月卡礼包</view>
							<view class="text"></view>
							<view><span class="lixi2">赠|腾讯视频SVIP月卡，漫899元-200元耳机优惠卷</span><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="20" show-info active-color="red"  /></view>
							<view class="price">¥20<span class="text">立省230</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/MEDIA/20230427/4a47a0db6e60853dedfcfdf08a5ca2492055207403.png?_w_=600&_h_=600&x-oss-process=image%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">AlwaySmart 6.5A超级快充游戏数据线 尼龙铝合金弯头USB-A to Type-C 1.2m 银灰色</view>
							<view class="text"></view>
							<view><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="30" show-info active-color="red"  /></view>
							<view class="price">¥15.9<span class="text">立省17</span><button>抢购中</button></view>
						</view>
					</view>
					<view class="other">
						没有更多了
					</view>
				</view>
				<view v-show="isShowI==5" class="con">
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20231117/324ad42982ede281bb8650c3246ff004783610612.png?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">芒果TV会员30天礼品卡</view>
							<view class="text"></view>
							<view><span class="lixi2">赠|芒果TV会员30天卡，漫899元-200元耳机优惠卷</span><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="20" show-info active-color="red"  /></view>
							<view class="price">¥6<span class="text">立省224</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230417/b30dec70dd2d9fdc5e44569f753f6d4b746864941.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">【限量秒杀】一加Ace 2原神定制礼盒18GB+512GB 熔岩红</view>
							<view class="text">性能 自由</view>
							<view><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="5" show-info active-color="red"  /></view>
							<view class="price">¥2799<span class="text">立省900</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20231109/3e3a827d43cc1dfec79a378a2f97f7281368624484.jpg?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">腾讯视频超级影视VIP月卡礼包</view>
							<view class="text"></view>
							<view><span class="lixi2">赠|腾讯视频SVIP月卡，漫899元-200元耳机优惠卷</span><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="20" show-info active-color="red"  /></view>
							<view class="price">¥20<span class="text">立省230</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/MEDIA/20230427/4a47a0db6e60853dedfcfdf08a5ca2492055207403.png?_w_=600&_h_=600&x-oss-process=image%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">AlwaySmart 6.5A超级快充游戏数据线 尼龙铝合金弯头USB-A to Type-C 1.2m 银灰色</view>
							<view class="text"></view>
							<view><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="30" show-info active-color="red"  /></view>
							<view class="price">¥15.9<span class="text">立省17</span><button>抢购中</button></view>
						</view>
					</view>
					<view class="other">
						没有更多了
					</view>
				</view>
				<view v-show="isShowI==6" class="con">
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20231117/324ad42982ede281bb8650c3246ff004783610612.png?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">芒果TV会员30天礼品卡</view>
							<view class="text"></view>
							<view><span class="lixi2">赠|芒果TV会员30天卡，漫899元-200元耳机优惠卷</span><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="20" show-info active-color="red"  /></view>
							<view class="price">¥6<span class="text">立省224</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230417/b30dec70dd2d9fdc5e44569f753f6d4b746864941.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">【限量秒杀】一加Ace 2原神定制礼盒18GB+512GB 熔岩红</view>
							<view class="text">性能 自由</view>
							<view><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="5" show-info active-color="red"  /></view>
							<view class="price">¥2799<span class="text">立省900</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20231109/3e3a827d43cc1dfec79a378a2f97f7281368624484.jpg?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">腾讯视频超级影视VIP月卡礼包</view>
							<view class="text"></view>
							<view><span class="lixi2">赠|腾讯视频SVIP月卡，漫899元-200元耳机优惠卷</span><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="20" show-info active-color="red"  /></view>
							<view class="price">¥20<span class="text">立省230</span><button>抢购中</button></view>
						</view>
					</view>
					
					<view class="conbox">      <!-- 商品详情-->
						<view class="conboxleft">
							<image src="https://msecfs.opposhop.cn/commons-media-picture/MEDIA/20230427/4a47a0db6e60853dedfcfdf08a5ca2492055207403.png?_w_=600&_h_=600&x-oss-process=image%2Fformat%2Cwebp"></image>
						</view>
						<view class="conboxright">
							<view class="title">AlwaySmart 6.5A超级快充游戏数据线 尼龙铝合金弯头USB-A to Type-C 1.2m 银灰色</view>
							<view class="text"></view>
							<view><span class="lixi2">每人限购1件</span></view>
							<view class="jdt"><progress percent="30" show-info active-color="red"  /></view>
							<view class="price">¥15.9<span class="text">立省17</span><button>抢购中</button></view>
						</view>
					</view>
					<view class="other">
						没有更多了
					</view>
				</view>
			</view>
		</view>
		<view class="rule" @click="showmodel">活动规则</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				navArr: ['全部','爆款手机','智能硬件','数码周边','生活日用','虚拟权益'],
				isShowI: 1,
				endTime: new Date('2023-12-14 18:00:00').getTime(),
				hours: '00',
				minutes: '00',
				seconds: '00'
			}
		},
		mounted() {
		  this.updateCountdown();
		  setInterval(this.updateCountdown, 1000);
		},
		methods: {
			changeCon(index){
				console.log("切换:",index);
				this.isShowI = index
			},
			showmodel(){
				uni.showModal({
					title: "活动规则",
					content:  "1.【秒杀时间】开始/结束时间请以页面展示为准；",
					showCancel: false,
					confirmText: "知道了",
					confirmColor: "#ff0000",
				})
			},
			updateCountdown() {
			  let now = new Date().getTime();
			  let timeLeft = this.endTime - now;
			
			  this.hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)).toString().padStart(2, '0');
			  this.minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60)).toString().padStart(2, '0');
			  this.seconds = Math.floor((timeLeft % (1000 * 60)) / 1000).toString().padStart(2, '0');
			
			  if (timeLeft < 0) {
			    clearInterval();
			    this.hours = '00';
			    this.minutes = '00';
			    this.seconds = '00';
			  }
			}
		}
	}
</script>

<style>
.ms-banner image{
	width: 750rpx;
	height: 600rpx;
	position: absolute;
}
.ms-content{
	position: relative;
	top: 250rpx;
	display: flex;
	flex-wrap: wrap;
	width: 750rpx;
	background-color: #f5f5f5;
	border-radius: 50rpx 50rpx 0 0;
}
.nav{
	width: 730rpx;
	height: 90px;
	padding: 10rpx;
}
.nav1{
	display: flex;
	width: 750rpx;
	height: 70px;
	border-radius: 50rpx 50rpx 0 0;
}
.nav1-item{
	width: 375rpx;
	height: 70px;
	text-align: center;
}
.nav1-item1{
	color: red;
}
.nav1-item2{
	display: flex;
	width: 300rpx;
	color: red;
	font-size: 10rpx;
	padding-top: 5rpx;
	padding-left: 150rpx;
}
.nav1-item3{
	color: black;
}
.nav1-item4{
	color: gray;
	display: flex;
	width: 300rpx;
	font-size: 10rpx;
	padding-top: 5rpx;
	padding-left: 150rpx;
}
.nav2{
	display: flex;
	color: gray;
}
.nav2 view{
	padding: 5rpx 10rpx;
	font-size: 15rpx;
	
}
.active{
	color: black;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: black;
}
.box1{
	width: 750rpx;
}
.con{
	
}
.conbox{
	display: flex;
	width: 720rpx;
	height: 150rpx;
	background-color: white;
	border-radius: 20rpx;
	margin: 15rpx 15rpx;
}
.other{
	width: 720rpx;
	height: 100rpx;
	color: gray;
	font-size: 15rpx;
	padding: 20rpx 15rpx;
	text-align: center;
}
.conboxleft{
	width: 120rpx;
	height: 120rpx;
	margin: 15rpx 15rpx;
}
.conboxleft image{
	width: 120rpx;
	height: 120rpx;
}
.conboxright{
	width: 595rpx;
	height: 150rpx;
}
.conboxright .title{
	height: 20rpx;
	font-size: 12rpx;
	padding: 0rpx 5rpx;
	padding-top: 20rpx;
}
.conboxright .text{
	height: 10rpx;
	font-size: 10rpx;
	color: gray;
	padding: 5rpx 5rpx;
}
.conboxright .text2{
	font-size: 10rpx;
	color: red;
	margin: 2rpx 2rpx;
}
.conboxright .jdt{
	height: 10rpx;
	width: 200rpx;
	padding: 0rpx 5rpx;
	padding-top: 10rpx;
	color: red;
}
.conboxright .lixi{
	height: 10rpx;
	font-size: 10rpx;
	border: solid 1rpx;
	border-color: skyblue;
	color: skyblue;
	margin: 5rpx 5rpx;
	padding: 1rpx 1rpx;
}
.conboxright .lixi2{
	height: 10rpx;
	font-size: 10rpx;
	border: solid 1rpx;
	border-color: red;
	color: red;
	margin: 10rpx 5rpx;
	padding: 1rpx 2rpx;
}
.conboxright .price{
	height: 10rpx;
	font-size: 18rpx;
	color: red;
	padding: 10rpx 5rpx;
}
.conboxright button{
	width: 80rpx;
	height: 35rpx;
	font-size: 15rpx;
	color: white;
	border-radius: 20rpx;
	background-color: red;
	margin-left: 450rpx;
	margin-top: -35rpx;
}
.rule{
	width: 20rpx;
	font-size: 12rpx;
	color: #fa4e5d;
	writing-mode: vertical-lr;
	position: absolute;
	top: 120rpx;
	right: 0rpx;
	padding: 5rpx 0rpx 5rpx 5rpx;
	border-top-left-radius: 10rpx;
	border-bottom-left-radius: 10rpx;
	background-color: rgb(251 144 151);
}
.countdown1{
  font-size: 10rpx;
  color: red;
}
.countdown2{
  font-size: 10rpx;
  color: gray;
}
</style>
